<template>
  <div class="flex w-[100vw] h-[100vh]">
    <AsideCom2 />
    <div class="flex-1 flex flex-col justify-between">
      <HeaderCom />
      <RouterView class="flex-1" />
      <FooterCom />
    </div>
    <RightNavItem />
  </div>
</template>

<script setup lang="ts">
import HeaderCom from '@/components/common/HeaderCom.vue';
import FooterCom from '@/components/common/FooterCom.vue';
import AsideCom from '@/components/common/AsideCom.vue';
import AsideCom2 from '@/components/common/AsideCom2.vue';
import RightNavItem from '@/components/common/RightNavItem.vue';
import { RouterLink, RouterView } from 'vue-router'

</script>
